﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head runat="server">
    <title>Listen</title>        
</head>
<link href="../../Styles/PublicStyle.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/Menu/jquery.dcmegamenu.1.3.3.js" type="text/javascript"></script>
<script src="../../Scripts/Menu/jquery.hoverIntent.minified.js" type="text/javascript"></script>
<link href="../../Styles/Menu/dcmegamenu.css" rel="stylesheet" type="text/css" />
<link href="../../Styles/Menu/skins/black.css" rel="stylesheet" type="text/css" />
<link href="../../Styles/frmLogin/tipsy.css" rel="stylesheet" type="text/css" />
<link href="../../Styles/frmLogin/signin.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/frmLogin/jquery.pop.js" type="text/javascript"></script>
<script src="../../Scripts/frmLogin/jquery.tipsy.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#topten #tabs div:gt(0)').hide();
        $('ul#tab_main li').click(function () {
            $('ul#tab_main li').removeClass('li_active');
            $(this).addClass('li_active');
            $('#topten #tabs div').hide();
            var $idTab = $(this).attr('title');
            $('#' + $idTab).fadeIn();
        });
    })
	</script>
<script type="text/javascript">
    $(document).ready(function ($) {
        $('#mega-menu-2').dcMegaMenu({
            rowItems: '3',
            speed: 'medium',
            effect: 'slide',
            event: 'hover'
        });
    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".signin").click(function (e) {
            e.preventDefault();
            $("fieldset#signin_menu").toggle();
            $(".signin").toggleClass("menu-open");
        });
        $("fieldset#signin_menu").mouseup(function () {
            return false
        });
        $(document).mouseup(function (e) {
            if ($(e.target).parent("a.signin").length == 0) {
                $(".signin").removeClass("menu-open");
                $("fieldset#signin_menu").hide();
            }
        });
    });
</script>
<script type='text/javascript'>
    $(function () {
        $('#forgot_username_link').tipsy({ gravity: 'w' });
    });
    function action() {

        document.frm.action = 'http://localhost:2228/search/result?key=' + document.getElementById('txt_search').value;
        document.frm.submit();
    }
  </script>
<body>
    <form name="frm" method="post" action="/user/login">
    <div id="header">   
        <div id="logo">        
        </div>        
                <ul id="search">                    
                    <li id="search-textbox">
                        <input type="text" id="txt_search" class="text-focus" />                               
                    </li> 
                    <li id="btsearch">
                        <a href="#" id="button-search" onclick="action()" ></a>
                    </li>
                </ul>
         <div id="frmlogin">     
                 <div id="container-frm">
    <div id="topnav" class="topnav"><a href="#" class="signin"><span>Đăng Nhập</span></a><a href="user/register" class="signup"><span>Đăng Ký</span></a></div>  
      <fieldset id="signin_menu">  
      <label for="username">Tài Khoản</label>
      <input id="username" name="username" value="" title="Tài khoản" tabindex="4" type="text" />

      <p>
        <label for="password">Mật Khẩu</label>
        <input id="password" name="password" value="" title="Mật khẩu" tabindex="5" type="password" />
      </p>
      <p class="remember">
        <input id="signin_submit" value="Đăng Nhập" tabindex="6" type="submit" />
        <input id="remember" name="remember_me" value="1" tabindex="7" type="checkbox" /> 
        <label for="remember">Ghi nhớ đăng nhập</label>
      </p>
      <p class="forgot"> <a href="#" id="resend_password_link">Quên mật khẩu?</a> </p>
      <p class="forgot-username"> <a id="forgot_username_link" title="If you remember your password, try logging in with your email" href="#">Quên tài khoản đăng nhập?</a> </p>
    
  </fieldset>
  </div>
      </div>           
        </div> 
 <div id="menu">
<div class="black">  
<ul id="mega-menu-2" class="mega-menu">
	<li><a href="../home">Trang Chủ</a></li>
	<li><a href="#">Albums</a>
		<ul>
            @foreach (ListenMusic.Country_ServiceReference.DataContact_Country country in ViewBag.country)
            {
                <li><a href="#">@country.CountryName</a>
	                <ul>		                
                        @for (int i = 0; i < @country.lst_Category.Length; i++)
                        { 
                            <li><a href="#">@country.lst_Category[i].CategoryName</a></li>
                        }
	                </ul>
	            </li>
            }			
		</ul>
	</li>
	<li><a href="#">Videos</a>
	<ul>
         @foreach (ListenMusic.Country_ServiceReference.DataContact_Country country in ViewBag.country)
            {
                <li><a href="#">@country.CountryName</a>
	                <ul>		                
                        @for (int i = 0; i < @country.lst_Category.Length; i++)
                        { 
                            <li><a href="#">@country.lst_Category[i].CategoryName</a></li>
                        }
	                </ul>
	            </li>
            }
    </ul>
</li>
<li><a href="#">Bảng Xếp Hạng</a>
<ul>
	<li><a href="#">Bài hát</a>
         <ul>
            @foreach (ListenMusic.Country_ServiceReference.DataContact_Country country in ViewBag.country)
            {             
                <li><a href="#">@country.CountryName</a></li> 
            }          
        </ul>
    </li>
    <li><a href="#">Videos</a>
        <ul>
             @foreach (ListenMusic.Country_ServiceReference.DataContact_Country country in ViewBag.country)
             {             
                <li><a href="#">@country.CountryName</a></li> 
             }    
        </ul>
    </li>
	<li><a href="#">Albums</a>
        <ul>
            @foreach (ListenMusic.Country_ServiceReference.DataContact_Country country in ViewBag.country)
            {             
                <li><a href="#">@country.CountryName</a></li> 
            }          
        </ul>
    </li>    
</ul>
</li>
<li><a href="#">Karaoke</a></li>
<li><a href="#">Upload Bài Hát</a></li>
</ul>
</div>
</div>   
        <div id="right-content">
              @RenderBody()
        </div> 
    <div id="footer">
        <div id="ft-content">
            <p>This is footer</p>
        </div>        
    </div>
    </form>
</body>
</html>
